<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>厂商体验报名</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<link rel="stylesheet" href="../css/public_fontsize.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav fs_xl">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left fs_xxi"></a>
		    <h1 class="mui-title fs_xl">体验报名</h1>
		</header>
		<nav class="mui-bar mui-bar-tab yel">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">分类</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">排名</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav><!--下方导航-->
		<div class="mui-content act_m">
		    <div class="mui-content-padded tybm">
		    	<ul>
		    		<li>
		    			<p><img src="../images/wly_1.png" data-preview-src="" data-preview-group="1" /></p>
						<p class="ty_p1 fs_xl">世界名液.五粮液</p>
		    		</li>
		    		<li>
		    			<p class="ty_p2 fs_m">厂家特色</p>
		    			<p class="ty_p3 fs_m">蜚声中外、誉满神州的四川宜宾五粮液酒厂所产的交杯牌、五粮液牌五粮液（由“荔枝绿”——宜宾元曲而来），在中国浓香型酒中独树一帜，为四川省的六朵金花之一。它以“香气悠久，滋味醇厚，进口甘美，入喉净爽，各味谐调，恰到好处”的风格享名世界。</p>
						<p class="ty_p4"><img src="../images/wly_1.png" data-preview-src="" data-preview-group="1" /></p>
		    		</li>
		    		<li>
		    			<p class="ty_p2 fs_m">活动介绍</p>
		    			<p class="ty_p3 fs_m"><i class="mui-icon mui-icon-arrowright fs_xs"></i>此酒沿用和发展了“荔枝绿”的特殊酿制工艺。</p>
		    			<p class="ty_p3 fs_m"><i class="mui-icon mui-icon-arrowright fs_xs"></i>此酒沿用和发展了“荔枝绿”的特殊酿制工艺,酵窖池之老形成了五粮液的喜人特色。</p>
		    			<p class="ty_p3 fs_m"><i class="mui-icon mui-icon-arrowright fs_xs"></i>体验 2-3小时 的酿造之旅。</p>
		    			<p class="ty_p3 fs_m"><i class="mui-icon mui-icon-arrowright fs_xs"></i>活动规模 10-20人。</p>
		    		</li>
		    	</ul>
			</div>
			<div class="ty_form fs_m">
				<p class="ty_p2 fs_m">报名信息</p>
				<form id="">
					<ul>
						<li><label>姓名</label><input type="text" name="name" id="" placeholder="您的姓名" /></li>
						<li><label>+86</label><input type="tel" name="tel" id="" placeholder="您的电话" /></li>
						<li><label>人数</label><input type="text" name="" id="" placeholder="预定人数" /></li>
						<li><label>时间</label><input type="text" name="" id="" placeholder="预计到达时间" /></li>
						<li class="bt_xz"><button class="fs_xl">提交</button><a href="#bottomPopover" class="fs_s tyxz">体验须知</a></li>
					</ul>
				</form>
			</div>
			<div id="bottomPopover" class="mui-popover mui-popover-bottom" style="">
			<div class="mui-popover-arrow mui-bottom" style="left:248px"></div>
			<div class="mui-scroll-wrapper" data-scroll="3">
				<div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell"><a href="#">Item1</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item2</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item3</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item4</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item5</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item6</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item7</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item8</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item9</a>
						</li>
						<li class="mui-table-view-cell"><a href="#">Item10</a>
						</li>
					</ul>
				</div>
			<div class="mui-scrollbar mui-scrollbar-vertical"><div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 8px; transform: translate3d(0px, -8px, 0px) translateZ(0px);"></div></div></div>

		</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/mui.zoom.js"></script>
		<script src="../js/mui.previewimage.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.previewImage();
		</script>
	</body>

</html>